// *******************************************************************************************************
// # リスト検索画面
//   ・リスト行の高さ揃え
//   ・タブ切り替え
// *******************************************************************************************************

(function(win, doc) {
	
	/* リスト行の高さ揃え
	----------------------------------- */
	function setListHeight() {
		var ua = navigator.userAgent;
		var searchList = $('.list_search');
		var searchListStation = $('.box_station > .list_search');
		var inputList = $('.mod_list_input');
		
		// 希望条件（4列揃え）
		var checkboxList4 = $('.list_checkbox4');
		// 希望条件（3列揃え）
		var checkboxList3 = $('.list_checkbox3');
		// 希望条件（5列揃え）
		var checkboxList5 = $('.list_checkbox5');
		var radioList5 = $('.list_radio5');
		
		// 新着物件
		var newList = $('.mod_box_authority_btm .list_new');
		// 駅ランキング
		var rankingList = $('.mod_box_authority_btm .list_ranking');
	
		if (ua.search('MSIE [67]') != -1) {
			// IE6,7は全体
			searchList.each(function() {
				$(this).find('li').css('height', '100%').heightLine();
			});
			inputList.each(function() {
				$(this).find('li').css('height', '100%').heightLine();
			});
			newList.each(function() {
				$(this).find('li').css('height', '100%').heightLine();
			});
			rankingList.each(function() {
				$(this).find('li').css('height', '100%').heightLine();
			});
		}
		else {
			// それ以外は行ごと
			searchList.each(function() {
				$(this).find('.mod_btn').tile(3);
			});
			searchListStation.each(function() {
				$(this).find('.mod_btn').tile(2);
			});
			checkboxList4.each(function() {
				$(this).find('li').tile(4);
			});
			checkboxList3.each(function() {
				$(this).find('li').tile(3);
			});
			checkboxList5.each(function() {
				$(this).find('li').tile(5);
			});
			radioList5.each(function() {
				$(this).find('li').tile(5);
			});
			newList.each(function() {
				$(this).find('li a').tile();
			});
			rankingList.each(function() {
				$(this).find('li').tile(5);
			});
		}
	}
	
	/* タブ切り替え
	----------------------------------- */
	function changeTab() {
		var $self;
		
		// デフォルト表示はエリア
		var flagTab = 'flagArea';
		
		// タイトル
		var pageTitle = $('.mod_ttl_page');
		var titleAreaText = '地域';
		var titleStationText = '路線・駅';
		var changeTitle;
		
		// タブ
		var tabSearch = $('#tabSearch');
		var classActive = 'active';
		var classOver = 'mod_btn_over';
		
		function changeStatus() {
			$('li', tabSearch).removeClass(classActive);
			$self.parent().addClass(classActive);
			$('a', tabSearch).addClass(classOver);
			$self.removeClass(classOver);
		}
		
		// コンテンツ
		var objArea    = $('.js_obj_area');
		var objStation = $('.js_obj_station');
		
		// べあーくん
		var objBearBody = $('.bear_body_area');
		var classBearArea    = 'bear_body_area';
		var classBearStation = 'bear_body_station';
		
		$('#tabArea').on('click', function(e) {
			e.preventDefault();
			
			// ページ下の余白調整
			$('#container').css('padding-bottom', 240);
			
			if (flagTab == 'flagStation') {
				$self = $(this);
				flagTab = 'flagArea';
				// タイトル
				changeTitle = pageTitle.html().replace(titleStationText, titleAreaText);
				pageTitle.html(changeTitle);
				// タブ
				changeStatus();
				// コンテンツ
				objArea.show();
				// べあーくん
				objBearBody.removeClass(classBearStation).addClass(classBearArea);
				// 別タブ非表示
				objStation.hide();
				// 高さ揃え再発火
				setListHeight();
			}
		});

		$('#tabStation').on('click', function(e) {
			$self = $(this);
			e.preventDefault();
			
			// 5位までの<li>にボーダー付与
			$('.mod_box_authority_btm .list_ranking').find('li:nth-child(-n+5)').addClass('row');
			// ページ下の余白調整
			$('#container').css('padding-bottom', 240 - 158);

			if (flagTab == 'flagArea') {
				flagTab = 'flagStation';
				// タイトル
				changeTitle = pageTitle.html().replace(titleAreaText, titleStationText);
				pageTitle.html(changeTitle);
				// タブ
				changeStatus();
				// コンテンツ
				objArea.hide();
				// べあーくん
				objBearBody.removeClass(classBearArea).addClass(classBearStation);
				// 別タブ非表示
				objStation.show();
				// 高さ揃え再発火
				setListHeight();
			}
		});
	}

	/* 実行
	----------------------------------- */
	$(function() {
		setListHeight();
		changeTab();
	});

})(this, document);

